<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap-theme.css">
    <link rel="stylesheet" href="../animate/animate.css">
    <link rel="stylesheet" href="../css/login.css">
    <title>login</title>
    <style type="text/css">
        .login_box{
            position: relative;
        }
        #tiShiXinXi{
            border-radius: 10px;
            height: 150px;
            width: 300px;
            position: absolute;
            top: calc(50% - 75px);
            left: calc(50% - 150px);
            background-color: white;
            z-index: 99;
            display: none;
        }
        #tiShiXinXi button{
            outline: none;
            border: none;
            border-radius: 5px;
            background-color: #78a3b1;
            width: 60px;
            height: 25px;
            margin-left: calc(50% - 30px);
            color: white;
        }

        /*提示框中样式*/
        #tiShiXinXi p{
            text-align: center;
            line-height: 100px;
        }
    </style>
</head>
<body id="">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
<div id="loginbody">
<!--登录头部-->
<header>
    <div id="title">
       四川网脉后台管理系统
    </div>
</header>
<main>
    <div class="container">
        <div class="login_box col-md-12">
            <p>请登录</p>
            <div class="row"><span class="col-xs-3 col-md-4 login_font" >账号:</span><input type="text" id="account" placeholder="请输入你的账号" class="col-xs-5 col-md-5" ></div>
            <div class="row"><span class="col-xs-3 col-md-4">密码:</span><input type="password" id="password" placeholder="请输入你的密码" class="col-xs-5 col-md-5"><span class="col-xs-2 col-md-3 tiShi"></span></div>
            <p id="wangJiMima">忘记密码？</p>
            <button class="dl" id="denglu">登录</button></div>
        <!--弹出框-->
        <div id="tiShiXinXi">
            <p>请联系管理员修改密码！！！QQ:178510326</p>
            <button id="lianXiGuanLi">确定</button>
        </div>
        </div>
</main>

</div>
<script src="../js/bootstrap/bootstrap.min.js"></script>
<script src="../js/guliData.js"></script>
<script type="text/javascript" src="../js/login.js"></script>
</body>
</html>